<!DOCTYPE html>

<html lang="en">

  <head>
    <meta charset="utf-8" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/webmidi@latest/dist/iife/webmidi.iife.js"></script>
    <link rel="stylesheet" href="styles.css">
    <title>WebMidi.js + p5.js - Basic Example</title>
  </head>

  <body>
    <h1>WebMidi.js + p5.js - Basic Example</h1>
    <p>Randomly draw circles when a <strong>note on</strong> event is received on MIDI channel 1</p>
    <script src="sketch.js"></script>
  </body>

</html>
